<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        电信视频彩铃邀你打卡浪漫景点
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <meta name="renderer" content="webkit">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="一键DIY制作浪漫景点打卡视频彩铃,享受多彩夏日。">
    <meta name="author" content="">
    <meta name="keyword" content="vue2,vue-router,vuex,animate.css,dynamics.js">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <script>
        (function(win, lib) {
            var doc = win.document;
            var docEl = doc.documentElement;
            var metaEl = doc.querySelector('meta[name="viewport"]');
            var flexibleEl = doc.querySelector('meta[name="flexible"]');
            var dpr = 0;
            var scale = 0;
            var tid;
            var flexible = lib.flexible || (lib.flexible = {});
            if (metaEl) {
                console.warn('将根据已有的meta标签来设置缩放比例');
                var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
                if (match) {
                    scale = parseFloat(match[1]);
                    dpr = parseInt(1 / scale);
                }
            } else if (flexibleEl) {
                var content = flexibleEl.getAttribute('content');
                if (content) {
                    var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
                    var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
                    if (initialDpr) {
                        dpr = parseFloat(initialDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                    if (maximumDpr) {
                        dpr = parseFloat(maximumDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                }
            }
            if (!dpr && !scale) {
                var isAndroid = win.navigator.appVersion.match(/android/gi);
                var isIPhone = win.navigator.appVersion.match(/iphone/gi);
                var devicePixelRatio = win.devicePixelRatio;
                if (isIPhone) {
                    // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
                    if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
                        dpr = 3;
                    } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                        dpr = 2;
                    } else {
                        dpr = 1;
                    }
                } else {
                    // 其他设备下，仍旧使用1倍的方案
                    dpr = 1;
                }
                scale = 1;
            }
            docEl.setAttribute('data-dpr', dpr);
            if (!metaEl) {
                metaEl = doc.createElement('meta');
                metaEl.setAttribute('name', 'viewport');
                metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
                if (docEl.firstElementChild) {
                    docEl.firstElementChild.appendChild(metaEl);
                } else {
                    var wrap = doc.createElement('div');
                    wrap.appendChild(metaEl);
                    doc.write(wrap.innerHTML);
                }
            }

            function isPC() {
                var userAgentInfo = navigator.userAgent;
                var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
                var flag = true;
                for (var v = 0; v < Agents.length; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = false;
                        break;
                    }
                }
                return flag;
            }

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                if (width / dpr > 640) {
                    width = 640 * dpr;
                }
                var rem = width / 3.2;
                if (isPC()) {
                    docEl.style.fontSize = "160px";
                } else {
                    docEl.style.fontSize = rem + "px";
                }
                flexible.rem = win.rem = rem;
            }
            win.addEventListener('resize', function() {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 300);
            }, false);
            win.addEventListener('pageshow', function(e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                }
            }, false);
            if (doc.readyState === 'complete') {
                doc.body.style.fontSize = 12 * dpr + 'px';
            } else {
                doc.addEventListener('DOMContentLoaded', function(e) {
                    doc.body.style.fontSize = 12 * dpr + 'px';
                }, false);
            }
            refreshRem();
            flexible.dpr = win.dpr = dpr;
            flexible.refreshRem = refreshRem;
            flexible.rem2px = function(d) {
                var val = parseFloat(d) * this.rem;
                if (typeof d === 'string' && d.match(/rem$/)) {
                    val += 'px';
                }
                return val;
            }
            flexible.px2rem = function(d) {
                var val = parseFloat(d) / this.rem;
                if (typeof d === 'string' && d.match(/px$/)) {
                    val += 'rem';
                }
                return val;
            }

        })(window, window['lib'] || (window['lib'] = {}));
    </script>
    <script src="//m.h5mkt.com/2016/common/js/muzhiWeixin9.0.js"></script>
    <style>
        body,
        #app {
            overflow-x: hidden;
            position: relative;
            max-width: 640px;
            margin: 0 auto;
        }
    </style>
    <script type="text/javascript">
        window.jdpts = {};
        jdpts._st = new Date().getTime();
    </script>
    <script type="text/javascript">
        var jap = {
            siteId: 'MO-J2011-1', //站点编号，必传字段，如无需要从子午线申请
            autoLogPv: true //是否自动上报pv
        };
    </script>
    <!-- <script type="text/javascript" src="//wl.jd.com/unify.min.js"></script> -->
    <script>
        function reportData(event_id, event_param) {
            try {
                var id = event_id || ""; // 必选参数，事件id
                var click = new MPing.inputs.Click(id); // 构造click请求
                if (event_param) {
                    click.event_param = event_param; // 设置click的参数 
                }
                click.updateEventSeries(); // 更新事件串
                var mping = new MPing(); // 构造上报实例
                mping.send(click); // 上报click
            } catch (e) {}
        }
    </script>
    <link href="css/home.56034c28.css" rel="prefetch">
    <link href="css/app.d78618fb.css" rel="preload" as="style">
    <link href="css/chunk-vendors.859f4391.css" rel="preload" as="style">

    <style>
        .page-end {
            background: url(./img/end-bg.jpg) no-repeat;
            background-size: 100%;
        }
        
        .page-end {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            margin: 0;
            height: 100%;
            background: #d42222 url(./img/end-bg.jpg) no-repeat;
            background-size: 100%;
        }
        
        .end-text {
            position: absolute;
            left: 50%;
            margin-left: calc(-4.6rem / 4);
            top: 1.38rem;
            width: 2.3rem;
            height: 1.85rem;
            background: url(./img/end-text.png) no-repeat;
            background-size: 100%;
        }
        
        .end-logo {
            position: absolute;
            left: 50%;
            margin-left: calc(-1.91rem / 4);
            bottom: 0.56rem;
            width: 0.95rem;
            height: .3rem;
            background: url(./img/end-logo.png) no-repeat;
            background-size: 100%;
        }
    </style>
</head>

<body>
    <div id="app" style="overflow-x:hidden;">
        <div class="page page-end" ref="page">
            <div class="end-text"></div>
            <div class="end-logo"></div>
        </div>
    </div>
    <script src="./zepto.js"></script>
    <script>
        window.onload = function() {
            $(document).on('ajaxBeforeSend', function(e, xhr, options) {
                if (options.url && options.url.indexOf('up-z1.qiniu.com') == -1) {
                    xhr.setRequestHeader("Authorization", "Bearer " + (window.mz_jwt || muzhi.weixin.mz_jwt));
                }
            })
        }
    </script>

    <style>
        a[title='站长统计'] {
            display: none;
        }
    </style>
    <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1279063353&web_id=1279063353"></script>
    <script>
        var jwt;
        var projectName = 'imusic_s85e01'
            //需要微信授权登录
            // muzhi.weixin.init('wechat',projectName);

        //允许匿名登录
        muzhi.weixin.init(projectName);

        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
            var r = window.location.search.split('/')[0].substr(1).match(reg); // 匹配目标参数
            if (r != null) return unescape(r[2]);
            return null; // 返回参数值
        }

        // 调接口
        // 用户头像 muzhi.weixin.user.headimgurl
        // 用户昵称 muzhi.weixin.user.nickname
        var cc = getUrlParam('ca') ? ('?ca=' + getUrlParam('ca')) : '';
        var link = location.href.split(projectName)[0] + projectName + '/index.html' + cc;
        window['muzhi'].weixin
            .once('loginSuccess', function loginSuccess(data) {
                var localJwt = localStorage.mz_jwt;
                if (localJwt && localJwt !== '') {
                    window.mz_jwt = localJwt;
                    jwt = localJwt;
                } else {
                    localStorage.mz_jwt = data.mz_jwt
                    jwt = data.mz_jwt;
                    window.mz_jwt = data.mz_jwt;
                }
                window.loginDone = true;
                console.log('授权成功后拿到的nickname', muzhi.weixin.user.nickname)
                nickname = muzhi.weixin.user.nickname;

                muzhi.weixin.setShare({
                    link: link,
                    title: "电信视频彩铃邀你打卡浪漫景点",
                    desc: "一键DIY制作浪漫景点打卡视频彩铃,享受多彩夏日。",
                    imgUrl: location.href.split(projectName)[0] + projectName + '/share.jpg?v=6'
                }, {
                    title: "电信视频彩铃邀你打卡浪漫景点"
                });
            });
        var audio = document.getElementById('bgMusic');
        document.addEventListener("WeixinJSBridgeReady", function() {
            WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
                audio.play();
                window.isPlayMusic = true;
            });
        }, false);
    </script>

    <script type="text/javascript">
        document.body.addEventListener('touchstart', function() {}, false);
    </script>
    <!-- <script src="//h5.m.jd.com/active/jm-webview/jm-common.js"></script>
    <script src="//h5.m.jd.com/active/jm-webview/jm-webview.js"></script> -->
    <script id="place"></script>
</body>

</html>